<template>
  <div id="app" class="app">
    <div v-bind:style="{minHeight:Height+'px'}">
  <router-view></router-view>
    </div>
    <ifooter></ifooter>
  </div>
</template>

<script>
import ifooter from './components/common/Ifooter'
export default {
  name: 'app',
  components: {
    ifooter
  },
  data () {
    return {
      Height: 0
    }
  },
  mounted () {
    this.Height = document.documentElement.clientHeight + 100
    window.onresize = () => { this.Height = document.documentElement.clientHeight + 100 }
  }
}
</script>
<style lang="less" rel="stylesheet/less">
.app {
  margin: 0;
}
</style>
